﻿<pn:PhoneApplicationPage
    x:Class="PillBox.Client.Views.PersonDetailsView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:pn="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480"
	d:DataContext="{d:DesignData ../SampleData/PersonDetailsViewModelSampleData.xaml}">
    <pn:PhoneApplicationPage.Resources>
        <Storyboard x:Name="ResetPageTransitionList">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ContentGrid" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3" Value="0">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CircleEase EasingMode="EaseIn"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ContentGrid" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.CenterOfRotationX)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3" Value="0">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CircleEase EasingMode="EaseIn"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="PageTransitionList">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ContentGrid" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)">
                <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="00:00:00.3" Value="90">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CircleEase EasingMode="EaseIn"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ContentGrid" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.CenterOfRotationX)">
                <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="00:00:00.3" Value="0">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CircleEase EasingMode="EaseIn"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="ContentGrid">
                <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </pn:PhoneApplicationPage.Resources>
    <Grid x:Name="ContentGrid">
        <Grid.Projection>
            <PlaneProjection/>
        </Grid.Projection>
    	<Grid.ColumnDefinitions>
    		<ColumnDefinition Width="Auto"/>
    		<ColumnDefinition Width="Auto"/>
    	</Grid.ColumnDefinitions>
    	<Grid.RowDefinitions>
    		<RowDefinition Height="Auto" MinHeight="34"/>
    		<RowDefinition Height="Auto"/>
    		<RowDefinition/>
    	</Grid.RowDefinitions>
		<TextBlock  
			Style="{StaticResource PhoneTextTitle1Style}" 
			Margin="0,22,0,0" 
			Grid.Column="1" 
			Text="PILLBOX" 
			FontSize="16" 
			VerticalAlignment="Bottom"/>
        <Rectangle
			Width="10" 
			Grid.Row="1"
			Margin="15,0,0,0"
			Fill="{Binding Person.ColorBand}" 
			HorizontalAlignment="Right"/>
        <Image
			HorizontalAlignment="Left" 
			Width="150" 
			Source="{Binding Person.FullSizeImageUri}" 
			Grid.Column="1" Grid.Row="1"/>
        <TextBlock
			TextWrapping="Wrap" 
			Text="{Binding Person.Name}" 
			Style="{StaticResource PhoneTextTitle1Style}" 
			Grid.Column="1" 
			VerticalAlignment="Bottom" 
			Margin="160,0,0,21"
            HorizontalAlignment="Left" Grid.Row="1"/>
        <StackPanel Grid.Column="1" Margin="0,20,0,0" Orientation="Vertical" Grid.Row="2" VerticalAlignment="Top">
        	<Path 
        		Data="M0,0 L1,0" 
        		Stretch="Fill" 
        		Stroke="{StaticResource Phone_DashedLineBrush}"
        		StrokeThickness="1"
        		UseLayoutRounding="False"
        		HorizontalAlignment="Stretch"/>
        	<Button Style="{StaticResource Phone_TiltingButtonBase}">
        		<StackPanel x:Name="call" Height="100" Orientation="Horizontal" Width="361">
        			<Canvas 
        				x:Name="phoneicon" 
        				Height="42" 
        				Width="42" 
        				HorizontalAlignment="Left">
        				<Path 
        					Data="M7172.5146,7372.6514 C7172.5146,7383.6974,7163.5606,7392.6514,7152.5146,7392.6514 C7141.4686,7392.6514,7132.5146,7383.6974,7132.5146,7372.6514 C7132.5146,7361.6054,7141.4686,7352.6514,7152.5146,7352.6514 C7163.5606,7352.6514,7172.5146,7361.6054,7172.5146,7372.6514 z" StrokeStartLineCap="Flat" Stretch="Fill" 
        					StrokeEndLineCap="Flat" 
        					Stroke="White" 
        					StrokeThickness="2" 
        					StrokeMiterLimit="4" 
        					StrokeLineJoin="Miter" 
        					Height="42" 
        					Width="42"/>
        				<Path 
        					Data="M7150.8652,7373.585L7149.0512,7369.784C7148.7002,7369.048,7149.0142,7368.159,7149.7512,7367.808L7151.7652,7366.847C7151.7652,7366.847,7153.1922,7366.195,7152.5172,7364.781L7150.6432,7360.855C7149.7472,7358.977,7148.0532,7359.867,7148.0532,7359.867C7147.2712,7360.241,7146.5132,7360.602,7146.4902,7360.613C7142.9132,7362.32,7142.6292,7369.191,7145.8482,7375.978L7145.9572,7376.207C7149.2082,7382.979,7154.7282,7387.08,7158.3062,7385.373C7158.3292,7385.361,7159.0862,7385.001,7159.8682,7384.628C7159.8682,7384.628,7161.6272,7383.871,7160.7312,7381.994L7158.8572,7378.065C7158.1822,7376.652,7156.7782,7377.353,7156.7782,7377.353L7154.7632,7378.313C7154.0282,7378.664,7153.1392,7378.35,7152.7872,7377.614L7150.9742,7373.814z" 
        					Fill="White" 
        					Stretch="Fill" 
        					Height="26.104" 
        					Canvas.Left="12.094" 
        					Canvas.Top="8.005" 
        					Width="17.376"/>
        			</Canvas>
        			<StackPanel VerticalAlignment="Top" Margin="16,15,0,0">
        				<TextBlock
        					Style="{StaticResource Phone_SchedDayDate}"
        					Foreground="White"
        					Text="make a call"/>
        				<TextBlock
        					Style="{StaticResource Phone_DosageTxt}"
        					Text="555-123-7537" Margin="0,-12,0,0"/>
        			</StackPanel>
        		</StackPanel>
        	</Button>
        	<Path 
        		Data="M0,0 L1,0" 
        		Stretch="Fill" 
        		Stroke="{StaticResource Phone_DashedLineBrush}"
        		StrokeThickness="1"
        		UseLayoutRounding="False"
        		HorizontalAlignment="Stretch"/>
        	<Button Style="{StaticResource Phone_TiltingButtonBase}">
        		<StackPanel x:Name="text" Height="100" Orientation="Horizontal" Width="381">
        			<Canvas 
        				x:Name="smsicon" 
        				HorizontalAlignment="Left" Height="42" 
        				Width="42">
        				<Path 
        					Data="M7144.7734,7321.5938 L7144.7734,7311.3726 L7152.9946,7317.7847 C7153.2085,7317.9497 7153.4634,7318.0317 7153.7173,7318.0317 C7153.9702,7318.0317 7154.2236,7317.9497 7154.4365,7317.7866 L7158.9282,7314.5986 L7157.9287,7321.5938 z M7158.6782,7311.5986 L7153.7192,7315.3726 L7145.0435,7308.6055 L7157.9282,7308.8486 z M7156.6787,7306.2588 L7143.5986,7306.2588 C7142.9526,7306.2588 7142.4282,7306.7827 7142.4282,7307.4316 L7142.4282,7322.7656 C7142.4282,7323.4136 7142.9526,7323.9409 7143.5986,7323.9409 L7157.0542,7323.9409 L7159.4292,7313.5986 z" 
        					Fill="White" 
        					Stretch="Fill" 
        					Height="17.682" 
        					Canvas.Left="24.5" 
        					Canvas.Top="12.16" 
        					Width="17" UseLayoutRounding="False"/>
        				<Path 
        					Data="M7173.8877,7315.0996 C7173.8877,7326.1466,7164.9337,7335.0996,7153.8877,7335.0996 C7142.8417,7335.0996,7133.8877,7326.1466,7133.8877,7315.0996 C7133.8877,7304.0546,7142.8417,7295.0996,7153.8877,7295.0996 C7164.9337,7295.0996,7173.8877,7304.0546,7173.8877,7315.0996 z" 
        					StrokeStartLineCap="Flat" 
        					Stretch="Fill" 
        					StrokeEndLineCap="Flat" 
        					Stroke="White" 
        					StrokeThickness="2" 
        					StrokeMiterLimit="4" 
        					StrokeLineJoin="Miter" 
        					Height="42" 
        					Width="42"/>
        				<Rectangle Fill="White" Height="2" Canvas.Left="8" Canvas.Top="13" Width="13" RadiusY="1" RadiusX="1"/>
        				<Rectangle Fill="White" Height="2" Canvas.Left="13" Canvas.Top="20" Width="8" RadiusY="1" RadiusX="1"/>
        				<Rectangle Fill="White" Height="2" Canvas.Left="16" Canvas.Top="27" Width="5" RadiusY="1" RadiusX="1"/>
        			</Canvas>
        			<StackPanel VerticalAlignment="Top" Margin="16,15,0,0">
        				<TextBlock
        					Style="{StaticResource Phone_SchedDayDate}"
        					Foreground="White"
        					Text="send a text message"/>
        				<TextBlock
        					Style="{StaticResource Phone_DosageTxt}"
        					Text="555-123-7537" Margin="0,-12,0,0"/>
        			</StackPanel>
        		</StackPanel>
        	</Button>
        	<Path 
        		Data="M0,0 L1,0" 
        		Stretch="Fill" 
        		Stroke="{StaticResource Phone_DashedLineBrush}"
        		StrokeThickness="1"
        		UseLayoutRounding="False"
        		HorizontalAlignment="Stretch"/>
        	<Button Style="{StaticResource Phone_TiltingButtonBase}">
        		<StackPanel x:Name="e_mail" Height="100" Orientation="Horizontal" Width="401">
        			<Canvas 
        				x:Name="mailicon" 
        				HorizontalAlignment="Left" Height="42" 
        				Width="42">
        				<Path 
        					Data="M7144.7734,7321.5938 L7144.7734,7311.3726 L7152.9946,7317.7847 C7153.2085,7317.9497 7153.4634,7318.0317 7153.7173,7318.0317 C7153.9702,7318.0317 7154.2236,7317.9497 7154.4365,7317.7866 L7163.0015,7311.1489 L7163.0015,7321.5938 z M7162.4502,7308.6055 L7153.7192,7315.3726 L7145.0435,7308.6055 z M7164.1704,7306.2588 L7143.5986,7306.2588 C7142.9526,7306.2588 7142.4282,7306.7827 7142.4282,7307.4316 L7142.4282,7322.7656 C7142.4282,7323.4136 7142.9526,7323.9409 7143.5986,7323.9409 L7164.1704,7323.9409 C7164.8193,7323.9409 7165.3462,7323.4136 7165.3462,7322.7656 L7165.3462,7307.4316 C7165.3462,7306.7827 7164.8193,7306.2588 7164.1704,7306.2588" 
        					Fill="White" 
        					Stretch="Fill" 
        					Height="17.682" 
        					Canvas.Left="9.54" 
        					Canvas.Top="12.16" 
        					Width="22.918"/>
        				<Path 
        					Data="M7173.8877,7315.0996 C7173.8877,7326.1466,7164.9337,7335.0996,7153.8877,7335.0996 C7142.8417,7335.0996,7133.8877,7326.1466,7133.8877,7315.0996 C7133.8877,7304.0546,7142.8417,7295.0996,7153.8877,7295.0996 C7164.9337,7295.0996,7173.8877,7304.0546,7173.8877,7315.0996 z" 
        					StrokeStartLineCap="Flat" 
        					Stretch="Fill" 
        					StrokeEndLineCap="Flat" 
        					Stroke="White" 
        					StrokeThickness="2" 
        					StrokeMiterLimit="4" 
        					StrokeLineJoin="Miter" 
        					Height="42" 
        					Width="42"/>
        			</Canvas>
        			<StackPanel VerticalAlignment="Top" Margin="16,15,0,0">
        				<TextBlock
        					Style="{StaticResource Phone_SchedDayDate}"
        					Foreground="White"
        					Text="send an e-mail"/>
        				<TextBlock
        					Style="{StaticResource Phone_DosageTxt}"
        					Text="{Binding Person.Email}" Margin="0,-12,0,0"/>
        			</StackPanel>
        		</StackPanel>
        	</Button>
        	<Path
        		Data="M0,0 L1,0" 
        		Stretch="Fill" 
        		Stroke="{StaticResource Phone_DashedLineBrush}"
        		StrokeThickness="1"
        		UseLayoutRounding="False"
        		HorizontalAlignment="Stretch"/>
        	<Button Style="{StaticResource Phone_TiltingButtonBase}">
        		<StackPanel x:Name="leave_note" Height="100" Orientation="Horizontal" Width="451">
        			<Canvas 
        				x:Name="noteicon" 
        				HorizontalAlignment="Left" Height="42" 
        				Width="42">
        				<Path 
        					Data="M7164.1704,7306.2588 L7143.5986,7306.2588 C7142.9526,7306.2588 7142.4282,7306.7827 7142.4282,7307.4316 L7142.4282,7320.3906 C7142.4282,7321.0386 7142.9526,7321.5659 7143.5986,7321.5659 L7149.5132,7321.5659 L7149.6382,7326.8486 L7154.0132,7321.5659 L7164.1704,7321.5659 C7164.8193,7321.5659 7165.3462,7321.0386 7165.3462,7320.3906 L7165.3462,7307.4316 C7165.3462,7306.7827 7164.8193,7306.2588 7164.1704,7306.2588" 
        					Fill="White" 
        					Stretch="Fill" 
        					Height="20.59" 
        					Canvas.Left="9.54" 
        					Canvas.Top="12.16" 
        					Width="22.918" UseLayoutRounding="False"/>
        				<Path 
        					Data="M7173.8877,7315.0996 C7173.8877,7326.1466,7164.9337,7335.0996,7153.8877,7335.0996 C7142.8417,7335.0996,7133.8877,7326.1466,7133.8877,7315.0996 C7133.8877,7304.0546,7142.8417,7295.0996,7153.8877,7295.0996 C7164.9337,7295.0996,7173.8877,7304.0546,7173.8877,7315.0996 z" 
        					StrokeStartLineCap="Flat" 
        					Stretch="Fill" 
        					StrokeEndLineCap="Flat" 
        					Stroke="White" 
        					StrokeThickness="2" 
        					StrokeMiterLimit="4" 
        					StrokeLineJoin="Miter" 
        					Height="42" 
        					Width="42"/>
        			</Canvas>
        			<StackPanel VerticalAlignment="Top" Margin="16,15,0,0">
        				<TextBlock
        					Style="{StaticResource Phone_SchedDayDate}"
        					Foreground="White"
        					Text="leave a note"/>
        				<TextBlock
        					Style="{StaticResource Phone_DosageTxt}" Margin="0,-12,0,0" Text="about this person"/>
        			</StackPanel>
        		</StackPanel>
        	</Button>
        	<Path 
        		Data="M0,0 L1,0" 
        		Stretch="Fill" 
        		Stroke="{StaticResource Phone_DashedLineBrush}"
        		StrokeThickness="1"
        		UseLayoutRounding="False"
        		HorizontalAlignment="Stretch"/>
        </StackPanel>
    </Grid>
</pn:PhoneApplicationPage>